<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.min.js"></script>
    <script src="jquery-1.8.3.min.js"></script>
    <script src="vue-router.min.js"></script>
    <script src="axios.min.js"></script>
</head>
<body>
<div id="#app">


        <form>
            userId<input type="text" v-model="pojo.userId"><br>
            名称<input type="text" v-model="pojo.name"><br>
            价格<input type="text" v-model="pojo.price"><br>
            数量<input type="text" v-model="pojo.num"><br>
            <input type="button" @click="add()">
        </form>
</div>
        <script>
            new Vue({
                el:"app",
                data:{
                    pojo:{}
                },
                create(){
                },
                methods:{
                    add(){
                        axios.get("order/add",this.pojo).then(
                            res=>{
                                location.href="user.html"
                            }
                        )
                    }
                }
            })
        </script>
</body>
</html>